<!DOCTYPE html>
<html>
<head lang="en"> 
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="js/layui-v2.5.5/css/layui.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
    <script src="js/layui-v2.5.5/layui.js"></script>
    <script src="js/index.js"></script>
    <script src="js/sanger.js"></script>
    <script src="js/main.js"></script>
<style>
.layui-layer-msg {box-shadow: 0 0 8px 2px rgba(0,0,0,.15)!important;}
</style>
</head>
<body style="padding:50px;">
    <DIV class="mb20">上海市民正在逐渐形成垃圾分类这个新习惯。成千上万的居民小区已配置分类垃圾厢房，便利店的一次性筷子已不再主动提供，部分街道当天就能把湿垃圾就近资源化处置，让“餐厨垃圾不出社区”。</DIV>


    <!--表格容器 begin-->
    <div class="table-containter specimen_table" data-class="specimen_table">
        <!-- <div class="layui-filter-condition">
            <div><i class="iconfont">&#xe62a;</i></div>
            <div>
                <ul>
                    <li>筛选条件：</li>
                    <li class="filter-c"><p><label><span class="name">Sample ID</span><span class="filterType"> 模糊 </span><span class="value">100</span><i class="iconfont del">&#xe7ba;</i></label><label><span class="name">Sample ID</span><span class="filterType"> 等于 </span><span class="value">100</span><i class="iconfont del">&#xe7ba;</i></label></p><a class="reset">清除筛选条件</a></li>
                </ul>
                <ul>
                    <li>排序条件：</li>
                    <li class="sort-c"><label>Sample ID  - 升序</label></li>
                </ul>
            </div>
        </div> -->
        <table id="specimen_table" lay-filter="specimen_table_filter"></table>
        <!--表格自定义工具栏 id唯一，对应表格-->
        <script type="text/html" id="specimen_table_toolbar">
            <div class="clear toolbar">
                <div class="layui-btn-group">
                    <button class="layui-btn layui-btn-sm" lay-event="getCheckData">显示选中行数据</button>
                    <button class="layui-btn layui-btn-sm" lay-event="getAllData">显示所有数据</button>
                </div>
                <div class="tools">
                    <a class="download_table" method="showSpecimenTableByTaskId" table_name="specimen" title="下载表格"><i class="iconfont">&#xe69e;</i></a>
                    <a class="deposit_table" method="showSpecimenTableByTaskId" table_name="specimen" title="存入报告"><i class="iconfont">&#xe63c;</i></a>
                </div>
            </div>
        </script>
    </div>
    <!--表格容器 end-->

    <!--表格容器 begin-->
    <div class="table-containter specimen_table2" data-class="specimen_table2">
        <table id="specimen_table2" lay-filter="specimen_table2_filter"></table>
    </div>
    <!--表格容器 end-->



</body>
<script src="https://cdn.bootcss.com/Mock.js/1.0.1-beta3/mock-min.js"></script>
<script>

// mock begin
function getUrlParam(k,options) {
    var regExp = new RegExp('([?]|&)' + k + '=([^&]*)(&|$)');
    var result = options.url.match(regExp);
    if (result) {
        return decodeURIComponent(result[2]);
    } else {
        return null;
    }
}
Mock.mock(RegExp('http://mock/tableData.*'),function(options){
    var pageSize = getUrlParam('pageSize',options),
        page = getUrlParam('page',options),
        _data = [],
        count = 123, //总数
        len = (count - pageSize * (page - 1)) < pageSize ? (count - pageSize * (page - 1)) : pageSize;
    for(var i=0;i<len;i++){
        _data.push(
            Mock.mock({
                "id": (page - 1) * pageSize + (i + 1),
                "username|1": ['细菌基因组完成图-demo2019-711', 'lncRNA_little0710.5', '变异检测-101个样-0710', '水稻-demo2019-07-09', '细菌基因组denovo扫描图测序数据-demo2019-03-12-demo2019-07-13'],
                "experience|1": ['细菌基因组云分析', '表格转置工具', 'lncRNA分析流程'],
                "RawReads": "@increment",
                "RawQ30|1": ['已完成', '运行中', '失败'],
                "wealth": "@last()",
                "time": "@datetime",
                "score|1-100": 100,
            })            
        )
    }
    return {
        "status":true,
        "count":count,
        "data":_data,
        'msg':'请求数据成功',
        'totalRow':{
            'RawReads':1001,
            'score':'<a href="http://www.baidu.com">1523.00</a>'
        }
    }
})
// mock end
// 

</script>


</html>